import React from 'react';
import PropTypes from 'prop-types';
import Helmet from 'react-helmet'

import MobileHeder from './mobile_header';
import MobileList from './mobile_list';
import MobileFooter from './mobile_footer';

const MobileListPage = props => (
  <div id="mobile">
    <MobileHeder />
    <div className="mobile-list-page">
      <Helmet>
        <title>{decodeURIComponent(props.match.params.newsName)}</title>
      </Helmet>
      <MobileList type="top" count="15" channel={props.match.params.newsName} />
    </div>
    <MobileFooter />
  </div>
)
export default MobileListPage
MobileListPage.propTypes = {
  match: PropTypes.objectOf(Object),
}
